<html>

	<head>
		<title>elementUi</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 引入样式 -->
		<link rel="stylesheet" href="../lib/elementui/theme-chalk/index.css" type="text/css">
		<link rel="stylesheet" href="../css/init.css" type="text/css">
		<link rel="stylesheet" href="../css/theme.css" type="text/css">
	</head>

	<body>
		<div id="app">
			<el-row :gutter="16">
				<el-col :span="24">
					<div class="grid-content-header grid-content1 bg-purple" id="tendency"></div>
				</el-col>
			</el-row>
			<el-row :gutter="16">
				<el-col :span="7">
					<div class="grid-content-header grid-content2 bg-purple" id="themeBubble"></div>
				</el-col>
				<el-col :span="10">
					<div class="grid-content-header grid-content2 bg-purple" style="overflow-y:auto" id="nodeMatrix"></div>
				</el-col>
				<el-col :span="7">
					<div class="grid-content-header grid-content2 bg-purple" id="kn" style="max-height: 38%; overflow:auto;">
							<!-- <table class="table table-hover dm-table-deepblue">
								<thead>
									<tr class="infos" style="text-align: center;">
										<th class="table-text" id="knTopic"></th>
									</tr>
								</thead>
								<tbody id="knTbody">
								</tbody>
							</table> -->
							<template>
							<div id="knTopic" style="text-align: center;font-size: 20px;">
							</div>
							<!-- <el-divider></el-divider> -->
							<div id = "knBody">
							</div>
							</template>
					</div>
				</el-col>
				
			</el-row>
		</div>
		<style>
			.el-row {
			margin-bottom: 20px;

			&:last-child {
				margin-bottom: 0px;
			}
		}

		.el-col {
			border-radius: 4px;
		}

		.bg-purple {
			background: #ffffff;
		}

		/* .bg-purple{
	    background: #e5e9f2;
	  } */
		.grid-content1 {
			border-radius: 4px;
			min-height: 58%;
		}

		.grid-content2 {
			border-radius: 4px;
			min-height: 38%;
		}

		.row-bg {
			padding: 10px 0;
			background-color: #f9fafc;
		}
	</style>
		<!-- 引入组件库 -->
		<script type="text/javascript" src="../lib/vue.js"></script>
		<script type="text/javascript" src="../lib/elementui/index.js"></script>
		<script type="text/javascript" src="../lib/jquery.js"></script>
		<script type="text/javascript" src="../lib/echarts.min.js"></script>
		<script type="text/javascript" src="../lib/d3.v4.min.js"></script>
		<script type="text/javascript" src="../js_draw/tAnalyst/tendencyChart.js"></script>
		<script type="text/javascript" src="../js_draw/tAnalyst/themeBubble.js"></script>
		<script type="text/javascript" src="../js_draw/tAnalyst/nodeMatrix.js"></script>
		<script type="text/javascript">
			new Vue({
				el: "#app",
				mounted() {
					drawTendency();
				}
			});
		</script>
	</body>

</html>
